.tag-container {
    border: 2px solid var(--primary-opaque);
    border-radius: .2rem;

    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;

    padding: .4rem;
    overflow-x: auto;
}
.tag-container, 
.input-container input, 
.tag-container .tag {
    background: rgba(0, 0, 0, 0.2);
    color: var(--white);
}

.tag-container .tag {
    margin: .4rem;
    padding: .4rem .6rem;
    border-bottom: .01rem solid var(--primary);

    font-size: 1.2rem;
    
    display: flex;
    align-items: center;
    
    cursor: default;
}
.tag i {
    font-size: 0.8rem;
    font-style: normal;
    
    margin-left: .4rem;

    transform: translateY(0.08rem);
}
.close::after {
    content: "✕";
    height: 24px;
    width: 24px;
}